<ng-container *ngFor="let breadcrumb of navigationList; let last = last">
    <div fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="column" fxLayoutAlign.gt-xs="center start" *ngIf="last && breadcrumb.breadcrumbs !== false">
        <div fxLayout="row" fxLayoutAlign="start center">
            <a [routerLink]="['/dashboards/analytics/']"><mat-icon class="secondary-text s-18">home</mat-icon></a>
            <ng-container *ngFor="let breadcrumb of navigationList">
                <mat-icon class="secondary-text s-16">chevron_right</mat-icon>
                <a [routerLink]="breadcrumb.url" *ngIf="breadcrumb.url !== false"><span class="secondary-text">{{breadcrumb.title}}</span></a>
                <a href="javascript:" *ngIf="breadcrumb.url === false"><span class="secondary-text">{{breadcrumb.title}}</span></a>
            </ng-container>
        </div>
        <ng-container *ngFor="let breadcrumb of navigationList; let last = last"><div class="h1 mt-16"  *ngIf="last">{{breadcrumb.title}}</div></ng-container>
    </div>
</ng-container>
